<div class="row animated" ng-class="{true: 'fadeInRight', false:'fadeInLeft'}[currentAnimated]">   
  <div class="col-xs-12 col-md-12">
    <div class="panel panel-default">
      <div class="panel-heading">
        <a ng-click="discard()" href="javascript:;">
          <i class="backBtn fa fa-arrow-circle-left"></i>
        </a>
        <span class="panel-title">我的消息</span>
      </div>
      <div class="panel-body">
        <div class="col-xs-12 col-md-12">
          <uib-tabset active="active">
            <uib-tab index="{{$index}}" ng-repeat="tab in tabs">
              <uib-tab-heading>
                <i class="{{tab.icon}}"></i>{{tab.title}}
                <span class="badge badge-primary" ng-bind="tab.number"></span>
              </uib-tab-heading>
              <p ng-if="tab.style='literal'">{{tab.content}}</p>

              <div class="panel-group" id="messages">
                <div ng-if="tab.style='list'" class="panel panel-default" ng-repeat="item in tab.list">
                  <div class="panel-heading">
                    <button class="close" ng-click="removeMsg(tab.list, $index)">&times;</button>
                    <div class="panel-title"><a data-toggle="collapse" data-parent="#messages" href="javascript:void(0)" ng-click="showTab(item)" ng-bind="item.title"></a></div>
                  </div>
                  <div id="tab{{$index}}" class="panel-collapse collapse" ng-class="{'in': item.active}">
                    <div class="panel-body">
                      <p ng-bind="item.content"></p>
                    </div>
                  </div>
                </div>
                
                <br/><button class="btn btn-danger" ng-click="clearMsg(tab.list)">清空</button>
              </div>
            </uib-tab>
          </uib-tabset>
        </div>

      </div>
    </div>
  </div>
</div>